.disableSelect{  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
.center {  overflow: hidden;  display: flex;  justify-content: center;  align-items: center;  }
.pointer{ cursor: pointer; }
.clearFix::after{  }
#App{  height: 100%; }
::-webkit-input-placeholder { /* WebKit browsers */
  color:    #CCC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #CCC;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #CCC;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #CCC;
}
.textarea{
  border:1px solid #d9d9d9;width: 100%;min-height:500px;margin-top: 10px;border-radius: 4px;outline:none;transition: border 2.5s;padding: 5px;
  &:hover{
    border:1px #108EE9 solid;
  }
}


@font-face {font-family: "iconfont";
  src: url('../iconfont/iconfont.eot'); /* IE9*/
  src: url('../iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

//覆盖antd的样式
.ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title{
  padding-left: 16px !important;
}
.bred{ border:1px red solid!important;}
.ant-layout{ overflow: hidden!important;};
.operation{ color:#108EE9;
  span{padding: 0 10px;cursor: pointer}
}

.ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title{
  padding: 0px;
}

#layout{
  #header{background: white}
  #header{
    height: 50px;line-height: 50px;padding: 0;
    .shrink{  width: 56px; height: 50px; line-height: 50px;  text-align: center;  font-size: 18px; cursor: pointer;  transition: all .3s ease-out;float: left;
      &:hover{background: #dbeefc;}
    };
    .right{
      width: 180px;float: right;height: 50px;font-size: 12px;
      .user{
        width: 104px; float: right;margin-right: 20px;cursor: pointer;padding-left: 20px;
        i{margin-right: 10px;}
        &:hover{ border-bottom: 2px #108EE9 solid}
      }
    }
  }
  .ant-breadcrumb{ margin: 0 20px;line-height: 40px;font-size: 12px}
  .ant-breadcrumb-link{ text-transform: capitalize;cursor: pointer}
  #logo{ line-height: 50px;text-align: center;color: white;font-size: 18px};
  #footer{ text-align: center}
  .ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:#5F5F5F}
  .ant-table-pagination{margin: 15px;}
  .ant-table table,.ant-table-thead > tr > th{ text-align: center}
}


//左侧导航
.leftList{
  flex:0 0 170px;background: white;line-height: 40px;box-shadow: 2px 2px 8px #CCC;
  .allClass{
    font-size: 14px;padding: 5px 5px 5px 40px;text-align: left;cursor: pointer;border-bottom: 1px #EEEEEE solid;
    i{ margin-left:5px;cursor: pointer}
  }
  #search{padding: 10px;border-bottom: 1px #EEE solid;text-align: center;}
  li{ cursor: pointer;border-bottom: 1px #EEE solid;text-align: left;padding-left: 25px;
    &:hover{  background: #EEE  }
  }
  ul li{
    padding-left: 40px;
    i{opacity: 0; transition: opacity 1s };
    &:hover{
      i{opacity: 1  };
    }
  }
}

#login{
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  .loginWrapper{
    width: 320px;
    background-color: #f8f8f8;
    padding: 36px;

    .logo{
      height: 32px;
      margin-bottom: 24px;
      font-size: 24px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .lastFormItem{
      margin-bottom: 0;
      .loginButton{
        //display: block;
        width: 100%;
      }

      a{
        float: right;
        text-decoration: none;
      }
    }

  }
}


